<template>
  <div>
    <div>
      <span>来自于:</span>
      <select v-model="fn">
        <option value="武汉市">武汉</option>
        <option value="上海市">上海</option>
        <option value="深圳市">深圳</option>
        <option value="广州市">广州</option>
        <option value="北京市">北京</option>
        <option value="福建市">福建</option>
      </select>
    </div>
    <div>
      <span>爱好:</span>
      <input type="checkbox" value="抽烟" v-model="from" />抽烟
      <input type="checkbox" value="喝酒" v-model="from" />喝酒
      <input type="checkbox" value="烫头" v-model="from" />烫头
    </div>
    <div>
      <span>性别:</span>
      <input type="radio" value="男" name="a" v-model="sex">男
      <input type="radio" value="女" name="a" v-model="sex">女
    </div>
    <div>
      <span>自我介绍:</span>
      <textarea v-model="visubt"></textarea>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fn: "武汉市",
      from: ['抽烟'],
      sex:'女',
      visubt:'如果我爱你,绝不借你的高枝炫耀我自己'
    };
  },
};
</script>

<style>
</style>